@import "partials/mixins";
#login-box {
	height: 100%;
	background-color: $defult !important;
	.login-container {
		position: relative;
		padding: 0 ptr(80px) 0;
		.logo {
			width: ptr(450px);
			height: ptr(200px);
			background: url("~img/logo.png") no-repeat center center;
			background-size: 100% 100%;
			margin: ptr(150px) auto ptr(150px);
		}
		.am-list-body::before {
			background-color: transparent;
			height: 0;
		}
		.am-list-item.am-input-item {
			padding-left: 0;
		}
		.am-list-item .am-input-label.am-input-label-5 {
			width: auto;
		}
		.am-list-item .am-list-line {
			padding-right: 0;
		}
		.icon-box {
			width: ptr(100px);
			height: ptr(60px);
			&.username {
				background: url("~img/user.png") no-repeat ptr(25px) center;
				background-size: ptr(35px), ptr(41px);
			}
			&.password {
				background: url("~img/password.png") no-repeat ptr(25px) center;
				background-size: ptr(31px), ptr(40px);
			}
		}
		.lang-item {
			height: ptr(88px);
			border-bottom: 1px solid #F8F8F8;
		}
		.login-btn {
			margin-top: ptr(150px);
			.login-sty {
				height: ptr(90px);
				line-height: ptr(90px);
				border-radius: ptr(90px);
				margin-bottom: ptr(20px);
				text-align: center;
				font-size: ptr(28px);
				border-width: 0;
			}
			& .flex {
				padding: 0 ptr(20px);
				a {
					font-size: ptr(26px);
					color: $font-color3;
				}
			}
		}
	}
	.setBox {
		width: ptr(200px);
		height: ptr(120px);
		position: absolute;
		z-index: 400;
		right: 0;
		top: 0;
	}
	.edition {
		color: #ccc;
		text-align: center;
		margin-top: ptr(120px);
	}
}
